﻿<div>
    <div data-bind="visible:isLoading" class="spinner-container">
        <i class="fa fa-spinner fa-spin fa-5x active spinner-override"></i>
        <!--<h2>Just a minute...</h2>-->
    </div>
    <div>
        <!-- ko foreach:albums -->
        <div class="album-wrapper">
            <a href="#" data-bind="click: $parent.loadPicturesForAlbum">
                <img data-bind="attr:{src: albumCoverUrl, alt:name}" />
                <p class="caption album-description">
                    <span data-bind="text: name"></span> (<span data-bind="text: countPhotos"></span> photos)
                </p>
            </a>
        </div>
        <!-- /ko -->
    </div>
</div>
